<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">

        <ui:define name="contenido">          
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">        
                <p:panel id="pgFormFilter" header="#{i18n['panel.titulo.empresa']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid columns="10" cellspacing="5">
                        <h:outputLabel value="#{i18n['general.label.id']}" styleClass="label"/>
                        <p:inputText label="#{i18n['general.label.id']}"
                                     value="#{empresaCobranzaMBean.dtoFiltro.id}"
                                     style="#{applicationMBean.estilo}" size="10">
                            <f:validateLength maximum="99999" minimum="0"/>
                        </p:inputText>
                        
                        <h:outputLabel value="#{i18n['cobranza.empresa.ruc']}" styleClass="label"/>
                        <p:inputText label="#{i18n['cobranza.empresa.ruc']}"
                                     value="#{empresaCobranzaMBean.dtoFiltro.ruc}"
                                     style="#{applicationMBean.estilo}" size="60">
                            <f:validateLength maximum="20" minimum="0"/>
                        </p:inputText>
                    </h:panelGrid>
                    <f:facet name="footer">

                        <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                         value="#{i18n['general.button.buscar.filtro']}" ajax="false"
                                         style="#{applicationMBean.estilosBtnBuscar}"
                                         actionListener="#{empresaCobranzaMBean.buscar}">
                            <f:ajax  render="pnlTabla pgFormFilter"/>
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plus"
                                         style="#{applicationMBean.estilosBtnNuevo}"
                                         value="#{i18n['general.button.nuevo']}"
                                         ajax="false"
                                         action="#{empresaCobranzaMBean.nuevo}">
                        </p:commandButton>
                        <p:spacer width="20"/>
                        <h:outputText  value="#{empresaCobranzaMBean.lista.size()} #{i18n['form.general.mensaje.cantidad.encontrada']}" styleClass="mensaje" rendered="#{empresaCobranzaMBean.lista!=null}"/>
                    </f:facet>
                </p:panel>

                <p:panel id="pnlTabla" header="#{i18n['general.panel.titulo.busqueda.resultado']}"  style="#{applicationMBean.estiloTitulo}" rendered="#{empresaCobranzaMBean.lista!=null &amp;&amp; empresaCobranzaMBean.lista.size()>0}">
                    <h:panelGrid>
                        <p:dataTable id="tblPrincipal" value="#{empresaCobranzaMBean.lista}" var="dto" paginatorPosition="top"
                                     paginator="true" rows="#{sessionMBean.cantidadRegistros}"  widgetVar="widTable">
                            <p:column >
                                <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                 action="#{empresaCobranzaMBean.ver}" ajax="false">
                                    <f:setPropertyActionListener value="#{dto}" target="#{empresaCobranzaMBean.dto}"/>
                                </p:commandButton>
                                <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}"
                                                 action="#{empresaCobranzaMBean.editar}" ajax="false">
                                    <f:setPropertyActionListener value="#{dto}" target="#{empresaCobranzaMBean.dto}"/>
                                </p:commandButton>
                            </p:column>

                            <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                <h:outputText value="#{dto.id}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['cobranza.empresa.ruc']}" styleClass="general">
                                <h:outputText value="#{dto.ruc}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['cobranza.empresa.razon.social']}" styleClass="general">
                                <h:outputText value="#{dto.razonSocial}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['cobranza.empresa.fila.archivo.cliente']}" styleClass="general">
                                <h:outputText value="#{dto.filaArchivoCliente}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['cobranza.empresa.fila.archivo.pago']}" styleClass="general">
                                <h:outputText value="#{dto.filaArchivoPago}" styleClass="general"/>
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>